在 React 中使用 element-ui
根据官方文档在 React 中使用 element-uiStep 1：npm 安装npm i element-react --saveStep 2：下载主题包npm install element-theme-default --saveStep 3：在 React 中使用打开需要使用到 element-ui 的 jsx 文件，在头部添加import React from \'react\';import ReactDOM from \'react-dom\';import { Button } from ...
2024-01-10
vue element项目引入icon图标的方法
为了减少页面的加载速度,提高用户体验,对于一些图片决定使用图标代替,但是发现element-ui的图标少得可怜,完全满足不了我的要求,于是决定在element-ui的项目里引入第三方的图标库.因为阿里巴巴海量的图标,所以决定引入阿里巴巴的图标库 阿里巴巴图标网站: http://www.iconfont.cn/下面具体介绍如何使用 ...
2024-01-10
Vue Element校验validate的实例
官方文档限制输入指定类型添加type限制即可，type包括以下值：例子：rules: { bannerType: [ { required: true, message: '请选择类型', trigger: 'change'} ], associateId: [ { required: true, message: '请选择公告', trigger: 'change'} ], associateData: [ { required: true, type: 'url', message: '输入合法的...
2024-01-10
【element-ui】element-ui升级
我把公司项目element ui从2.0.8升级到了2.12.0但是el-table中expand一点就卡死浏览器，也没有一点的提示。有人遇到过这问题没？回答：我看官网的2.12.0是没问题的，是不是因为你自己的逻辑出了问题，要不先把官网的demo粘下来看看能不能运行？回答：vue版本升级一下到2.6试试看回答：我已经升级到了最...
2024-01-10
el-input如何设置默认值，用element做的
用v-model绑定数据显示不出来el-input放在form里面求解回答：看代码没有问题。是不是哪个地方重置了form回答：1、首先语法没有问题，检查下拼写有没有错误2、要是弹窗输入的话，看看有没有别人写的或者全局的表单重置方法，例如reset()方法3、最后可以试试添加一个create()生命周期钩子，在里面写一个获取理由审核理由方法在里面对form.check_content进行赋值，然...
2024-02-19
Vue+Element 实现excel的导入导出
Vue+Element 实现excel的导入导出在最近项目中，用到了模板下载与批量上传的功能，下面是实现步骤（本地环境是@vue/cli 4.3.1+element，vue2.0可能会有报错，自行调整即可）一、环境安装1、先安装相关依赖1 npm install -S xlsx file-saver2 npm install -D script-loader2、依赖装完之后，还需要准备两个js文件，分别是Blo...
2024-01-10
Vue-cli 4 配置 element-ui 按需加载
在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程#1 node与vue的版本情况#2 未按需加载打包后的文件情况由上图看出，只是引入了 element-ui 框架后，js文件急剧的上升到了 783KB，这显然是不能接受的。e...
2024-01-10element-ui中的select下拉列表设置默认值方法
element-ui中的select下拉列表如何设置默认值？在element-ui的运用中，涉及到了select下拉列表。项目中需要将select的默认值给展示出来那如何修改呢？上element-ui中的代码片段<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.val...
2024-01-10
【element-ui】element ui 的树形组件绑值问题
项目中用到element UI 的树形组件tree，现在是希望组件中选中的项在打开页面时能够显示出来，自己向后台请求到数据之后，赋值给了default-checked-keys中的变量，是数组形式，可是页面中就是不显示，然而，写成静态的数组就能显示在页面中，实在不明白原理，希望知道的大神们能够指点一下。相关代码...
2024-01-10
【element-ui】vue-cil配置element-ui失败
问题：vue-cil配置element-ui失败 主要的问题是 我在App.vue中使用el-button不会报错 而我在别的 也就是components的.vue组件里边使用el-button会报一下的错误组件中使用的代码：<template><div> <h3>我是vuexDemo</h3> <el-button type="danger">aaaa</el-button></div></template><script></script>错误截图：配置：回答：你需要...
2024-01-10
【JS】Element DatePicker设置动态日期范围
首页专栏javascript文章详情0Element DatePicker设置动态日期范围John Wang发布于 今天 04:21 Element DatePicker 设置动态日期范围业务需求：查询数据量过大需要对日期范围进行限制，数据量随时间的增长不断变化，日期范围也需要相应改变，所以将范围改为动态，后端返回最大限制时间或前端使用配置...
2024-01-10
【element-ui】elementUI，穿梭框，调节宽度
由于显示的了内容太长，穿梭框中的内容显示不全，不知道能不能把宽度调宽一点，或者当鼠标放到某行的时候，此行内容显示完全。 1、是否可以将宽度条调宽2、是否可以变成下图这个样子（当鼠标放上去的时候，剩余内容显示完全）感谢！回答：1、可以将宽度调宽。ElementUI的样式是可以被覆盖...
2024-01-10element ui table（表格）实现点击一行展开功能
前言element ui是一个非常不错的vue的UI框架，element对table进行了封装，简化了vue对表格的渲染。element ui表格中有一个功能是展开行，在2.0版本官网例子中，只可以点击右箭头可以展开，我们的很多需求是点击某一行展开那是不是无法实现呢？其实，借助element ui的一些属性，轻松实现点击某行展开，...
2024-01-10
【element-ui】element-ui的表单验证的问题
现在只要按登陆，两个表单都会去验证，怎样才能做到只有第一个表单通过检查后，再去验证第二个表单？回答：自定义校验规则。https://element.eleme.cn/#/zh... 用 validateField 进行部分校验。通过，再校验密码。回答：this.$refs['formFirst'].validate((validFirst) => { if (validFirst){ this.$refs['formSecond'].validate...
2024-01-10
【element-ui】element NavMenu导航菜单的使用
我自己使用element NavMenu导航菜单时，点击子菜单时会闪烁，并且再重新打开子菜单，但是我看vue-element-admin这个项目的使用，当重新导航到另一个子路由时，是不会出现闪烁和重新打开子菜单，这是如何实现的回答：自己找到答案了，是因为给app中的路由出口router-view设置了一个独一无二的key导致的...
2024-01-10
【element-ui】elementUI 表格无数据时 鼠标悬停报错
elementUI 表格无数据时 鼠标悬停报错Uncaught DOMException Failed to execute setEnd on Range There is no child at offset 1.回答：这是因为你的数据源中不存在表格中定义的字段，把element升级到2.3.9及以上就可以了...
2024-01-10
【element-ui】vue2+elementUI 无限导航递归报错
不知道哪个位置错了...很迷茫.app.vue调用入口<template> <el-row class="H100 window"> <el-col :span="4" class="H100 menu"> <left-menu :data="shuju"></left-menu><!-- <<<<<<<<<<<<<< 在这里 --> </el-col> <el-col :span="20" class="H100 main"></el-col> </el-row></tem...
2024-01-10
【element-ui】ElementUI 表格关闭扩展行无法选中改行
表格渲染成功选中一行，给当前选中行渲染了颜色 .el-table__body tr.current-row > td { background-color: #1d8ce0;te;}同时用户展开某一行expand，当前展开行也给同样给了颜色.el-table__body tr.expanded > td { background-color: #1d8ce0; color: white;}但是当用户关闭展开行时，该行点击无法再次选中，只有选中其他行之后再次点击...
2024-01-10
element 的el-menu组件左右纸叠时候没有动画
使用的是el-menu的左右纸叠组件,去掉了el-menu的自带的动画给el-aside添加的动画,但是收起的时候el-menu瞬间就回去了展开时才会同步el-aside的动画下面是我的代码回答：/deep/ .el-aside { // overflow: unset; transition: width 0.8s; -moz-transition: width...
2024-02-28详解使用element-ui table组件的筛选功能的一个小坑
使用element-ui table组件的筛选功能的一个小坑使用自定义模板和筛选功能，一开始的代码 <el-table-column v-if="key==='isShow'" label="是否在发现页展示" :filters="[{text:'已展示',value: true},{text: '未展示', value: false}]" :filter-method="filterShow"> <template slot-scope="scope"> <el-tag ...
2024-01-10
【Vue】element 怎么去控制每一行的 switch 状态
怎么根据后端返回值 去控制每一行的状态？ 主要是怎么控制每一行？ 直接写scope.row.on 报错scope，拿不到 this.$get('/api/shop', this.getDate).then(res => {console.log(this.scope); //undefinedconsole.log(scope); //scope is not defined}<el-table-column width="200%" label="状态" class="switch...
2024-01-10
【element-ui】如何隐藏element 分页跳到最后一页的按钮？
例如我有1000页分页，我也想显示成上方的样子，把最后一页给隐藏起来，怎么设置，求助。回答：写样式隐藏后面的两个li标签回答：后端涉及到深度分页了吧, 直接查询最后一页查不到数据或查的慢,我也遇到过, 直接自己封装了分页组件,一次顶多只能跳前后 3页左右...
2024-01-10
【element-ui】el-tree节点点击时阻止其选中
element-ui里面的el-tree组件，节点一点击它就选中了，怎么能在节点点击时满足一定条件才让此节点选中?节点一点击就加上了is-current这个类,根据这个类设置的选中样式,现在不能它一点击就选中该怎么做呢?求大神解答回答：项目一直用的2.9.1版本，里面也有setCurrentKey(null)方法，不过setCurrentKey(null)并不...
2024-01-10
VUE element-ui 组件 el-tree 默认选中渲染问题
用element-ui <el-tree> 做一个多级选择, 进行修改的时候默认选中状态,第一次能正确加载.当换行修改其他行时,弹出对话框,第二次不能加载,求大神指点?其中 defaultDate: 是页面加载的时候通过created函数渲染的HTML<el-form-item prop="typeList" label="问题类型"> <el-tree show-checkbox default-expand-all re...
2024-01-10
如何修改Element所有input的属性值
想在select下拉框里面的input元素上加required这个属性，直接写在el-select上没有生效如果说只是一个el-input元素上加这个属性是生效的，求大佬们指教。回答：要给表单加 rules ，在那里面写啊看下官方的例子 表单验证如果是想加属性的话，可以试试这样：document.querySelector('.el-input__inner').required = true如...
2024-03-01
